<!DOCTYPE html>
<html lang="en" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
	<title>SSS PROPERTIES</title>
	
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">

	<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>

	<script type="text/javascript" src="js/cufon-replace.js"></script>	
	<script type="text/javascript" src="js/jquery.faded.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
	
	<script>
	$(function(){
	var url = window.location.pathname;
	var index = url.lastIndexOf("/") + 1;
	var filenameWithExtension = url.substr(index);
	var filename = filenameWithExtension.split(".")[0];

	if(filename){
	$('#templatemo_left_menu li.active').removeClass('active');
	$('#'+filename).addClass('active');
	}else{
	$('#index').addClass('active');
	}
	});
	</script>
</head>
<body>
<?php include("include/db.php"); 
$urisegment=explode("/",$_SERVER['REQUEST_URI']);
$uri = $urisegment[2]; 
$urls = mysqli_query($link, "select * from pages limit 4"); ?>
	<!-- wraper -->
	<div id="wrapper">
		<!-- shell -->
		<div class="container">
			<!-- container -->
			<div class="shell">
				<!-- header -->
				<header id="header">
					<h1 id="logo"><a href="#"><img src="css/images/sss.jpg" style="position: absolute;height: 150px;width: 200px;"></a></h1>
					<!-- search -->
					<div style="float:right;width:500px;">
						
					<div style="float:right;width:300px;margin-top:50px;margin-right:-50px;">
						<p style="color:black;"><b>E-mail:</b> youremailid@domainname.com</p>
					</div>
					<div style="float:right;width:500px;">
							<h1 style="margin:-50px 0px 10px -20px;">Contact Number</h1>
							<ul style="list-style:none;">
								<li>+xx-xxxxxxxxx</li>
								<li>+xx-xxxxxxxxx</li>
							</ul>
						</div>
					</div>
					<!-- end of search -->
				</header>
				<!-- end of header -->
				<!-- navigation -->
				<nav id="navigation">
					
					<ul id="templatemo_left_menu">
						<li class="active" id="index"><a href="index" >HOME</a></li>
						<li id="about"><a href="about" >ABOUT US</a></li>
						<li id="projects"><a href="projects" >ONGOING PROJECTS</a></li>
						<li  id="downloads"><a href="downloads">DOWNLOADS</a></li>
						<li id="gallary"><a href="gallary" >IMAGE GALLARY</a></li>
						<li id="enquiry"><a href="enquiry" >ENQUIRY</a></li>
						<li  id="contact"><a href="contact">contact</a></li>
					</ul>
				</nav>
				<!-- end of navigation -->
		